// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router' //自动扫描里面的路由配置
import ElementUI from "element-ui"
import axios from "axios";
import 'element-ui/lib/theme-chalk/index.css';
// import echarts from 'echarts'

//导入全局样式表
import './assets/css/global.css'

//导入 NProgress 包对应的JS 和 CSS
//导入nprogress添加进度条
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

Vue.config.productionTip = false
Vue.use(ElementUI);
// Vue.prototype.$echarts = echarts

//配置请求的根路径
axios.defaults.baseURL='http://127.0.0.1:8888/api/private/v1/'

// 在request 拦截器中，展示进度条【NProgress.start()】

//通过axios 请求【拦截器】 添加了额token  保证拥有获取数据的权限
axios.interceptors.request.use(config =>{

  NProgress.start()
  // console.log(config)
  //为请求头对象   添加了Token验证的Authorization 字段
  config.headers.Authorization = window.sessionStorage.getItem("token")
  //最后必须返回  return config
  return config;
})

// 在response拦截器中，隐藏进度条【NProgress.done()】
axios.interceptors.response.use(config=>{
  NProgress.done()
  return config;
})



//把http直接挂在到this上
Vue.prototype.$http = axios




/* eslint-disable no-new */
new Vue({
  el: '#app',
  //配置路由
  router,
  components: { App },
  template: '<App/>',
  render: h => h(App)
})
